<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>安全生命防护工程--${fns:getConfig('productName')}</title>
<%@include file="/common/head.jsp"%>
<%@include file="/common/upload.jsp" %>
 <link rel="stylesheet" href="${ctx}/styles/css/jquery.mloading.css">
<script src="${ctx}/js/jquery.mloading.js"></script>
<script src="${ctxStatic}/js/afgc/lifeCherish.js" type="text/javascript"></script>
<link rel="stylesheet" href="${ctxStatic}/stepBar/control.css" type="text/css" />

<script>
$(document).ready(function() {
	var id = getQueryString("id");
	loadStep('stepBar1',1,true); //默认进度为基础信息
	//绑定点击事件用户切换项目信息
	$('#viewForm .ui-stepSequence').each(function(){
		$(this).click(function(){
			$('.info').each(function(){
				 $(this).attr('style','display:none');
			});
			$('#info-'+$(this).text()).attr('style','display:block');
		});
	});
});
</script>
<style>
	select, textarea, input[type="text"]{
		padding:0 0 0 10px !important;
	}
	#viewForm select,#viewForm input{
		width:130px;
	}
	#jbox-content{
		width:1200px;
	}
	.ui-stepBar-wrap .ui-stepBar{
		width:82%; !important;
	}
	  html,body {
		overflow: auto !important;
	}
</style>
</head>
<body>
<form id="viewForm" name="viewForm" >
<!-- <div class="modal fade" id="viewModal" tabindex="-1" role="dialog" aria-labelledby="viewModal" aria-hidden="true" data-backdrop="static" style="width:1200px;max-height:670px;"> -->
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-body" style="max-height:627px;overflow-y:hidden">
					<div id="stepBar1" class="ui-stepBar-wrap">
							<div class="ui-stepBar">
								<div class="ui-stepProcess"></div>
							</div>
							<div class="ui-stepInfo-wrap">
								<table class="ui-stepLayout" border="0" cellpadding="0" cellspacing="0">
									<tr>
										<td class="ui-stepInfo">
											<a class="ui-stepSequence">1</a>
											<p class="ui-stepName">基本信息</p>
										</td>
										<td class="ui-stepInfo">
											<a class="ui-stepSequence">2</a>
											<p class="ui-stepName">公路条件信息</p>
										</td>
										<td class="ui-stepInfo">
											<a class="ui-stepSequence">3</a>
											<p class="ui-stepName">路段既有安全设施信息</p>
										</td>
										<td class="ui-stepInfo">
											<a class="ui-stepSequence">4</a>
											<p class="ui-stepName">新采取的处置措施</p>
										</td>
									</tr>
								</table>
								
							</div>
						</div>
						<div id='info-1' class='info'>
						<h4 style="margin-top:10px;">基本信息:</h4><hr>
						<table class="table"  style="border: none;margin-bottom: -14px">
							<tbody>
								<tr>
									<td>省:</td>
									<td>
										<input name="province" id="province" type='text' value="${lifeCherish.province}" disabled=disabled>
									</td>
									<td>市:</td>
									<td>
										<input name="city" id="city" type='text' value="${lifeCherish.city}" disabled=disabled>
									</td>
									<td >县:</td>
									<td >
										<pt:code name="county" category="2052" hasEmpty="false" default="${lifeCherish.county}" disabled="true" ></pt:code>
									</td>
									<td >公路编号:</td>
									<td >
										<input name="roadCode" id="roadCode" type='text' value="${lifeCherish.roadCode}"  disabled=disabled>
									</td>
								</tr>
								<tr>
									<td >技术等级:</td>
									<td >
										<pt:code name="technicalLevel" category="6000" hasEmpty="false" default="${lifeCherish.technicalLevel}" disabled="true"></pt:code>
									</td>
									<td >方向:</td>
									<td>
										<pt:code name="direction" category="6001" hasEmpty="false" default=" ${lifeCherish.direction}" disabled="true"></pt:code>
									</td>
									<td > 桩号起点:</td>
									<td >
										<input name="startPegNum" id="startPegNum" type='text' value="${lifeCherish.startPegNum}" disabled=disabled>
									</td>
									<td >桩号终点:</td>
									<td >
										<input name="endPegNum" id="endPegNum" type='text' value="${lifeCherish.endPegNum}"   disabled=disabled>
									</td>
								</tr>
								<tr>
									<td >排查时间:</td>
									<td>
										<input name="investigationTime" id="investigationTime" type='text' value="${lifeCherish.investigationTime}"  disabled=disabled>
									</td>
									<td >  路段分类:</td>
									<td >
										<pt:code name="roadType" category="6002" hasEmpty="false" default="${lifeCherish.roadType}" disabled="true"></pt:code>
									</td>
									<td >交通事故排查方法:</td>
									<td >
										<pt:code name="investigationMethod" category="6003" hasEmpty="false" default="${lifeCherish.investigationMethod}" disabled="true"></pt:code>
									</td>
									<td > 是否是事故多发点段:</td>
									<td>
										<pt:code name="accidentArea" category="6004" hasEmpty="false" default="${lifeCherish.accidentArea}" disabled="true"></pt:code>
									</td>
								</tr>
								<tr>
									<td > 公路条件排查方法:</td>
									<td >
										<pt:code name="conditionInvestigation" category="6003" hasEmpty="false" default="${lifeCherish.conditionInvestigation}" disabled="true"></pt:code>
									</td>
									<td >高公路风险路段:</td>
									<td >
										<pt:code name="highRiskSection" category="6004" hasEmpty="false" default="${lifeCherish.highRiskSection}" disabled="true"></pt:code>
									</td>
									<td >当前状态</td>
									<td>
										<pt:code name="currentStatus" category="6006" hasEmpty="false" default="${lifeCherish.currentStatus}" disabled="true"></pt:code>
									</td>
									<td ></td>
									<td>
									</td>
									
								</tr>
							</tbody>
						</table>
						<hr>
						</div>
						<div id='info-2' class='info' style="display:none">
						<h4 style="margin-top:10px;">公路条件信息:</h4><hr>
						<table class="table"  style="border: none;margin-bottom: -14px">
							<tbody>
								<tr>
									<td>小半径圆曲线:</td>
									<td>
										<pt:code name="radiusCurve" category="1000" hasEmpty="false" default="${lifeCherish.radiusCurve}" disabled="true" ></pt:code>
									</td>
									<td>连续下坡:</td>
									<td>
										<pt:code name="continuousDescent" category="1000" hasEmpty="false" default="${lifeCherish.continuousDescent}" disabled="true" ></pt:code>
									</td>
									<td > 陡坡:</td>
									<td >
										<pt:code name="steepSlope" category="1000" hasEmpty="false" default="${lifeCherish.steepSlope}" disabled="true" ></pt:code>
									</td>
									<td >视距不良:</td>
									<td >
										<pt:code name="poorSight" category="1000" hasEmpty="false" default="${lifeCherish.poorSight}" disabled="true" ></pt:code>
									</td>
								</tr>
								<tr>
									<td >路测险要:</td>
									<td >
										<pt:code name="roadTest" category="1000" hasEmpty="false" default="${lifeCherish.roadTest}" disabled="true"></pt:code>
									</td>
									<td >环境复杂:</td>
									<td>
										<pt:code name="complexEnvironment" category="1000" hasEmpty="false" default="${lifeCherish.complexEnvironment}" disabled="true"></pt:code>
									</td>
									<td > 交叉口不规范:</td>
									<td >
										<pt:code name="standard" category="1000" hasEmpty="false" default="${lifeCherish.standard}" disabled="true" ></pt:code>
									</td>
									<td >符合同行校车判别指标:</td>
									<td >
										<pt:code name="schoolBus" category="1000" hasEmpty="false" default="${lifeCherish.schoolBus}" disabled="true" ></pt:code>
									</td>
								</tr>
								<tr>
									<td >交通量（AATD）:</td>
									<td>
										<input name="traffic" id="traffic" type='text' value="${lifeCherish.traffic}"   disabled=disabled>
									</td>
									<td>  运行车速或设计速度(km/h):</td>
									<td>
										<input name="designSpeed" id="designSpeed" type='text' value="${lifeCherish.designSpeed}" disabled=disabled>
									</td>
									<td></td>
									<td>
									</td>
									<td></td>
									<td>
									</td>
								</tr>
								
							</tbody>
						</table>
						<hr>
						</div>
						<div id='info-3' class='info' style="display:none">
						<h4 style="margin-top:10px;">路段既有安全设施信息:</h4><hr>
						<table class="table"  style="border: none;margin-bottom: -14px">
							<tbody>
								<tr>
									<td>护栏:</td>
									<td>
										<pt:code name="guardrail" category="1002" hasEmpty="false" default="${lifeCherish.guardrail}" disabled="true" ></pt:code>
									</td>
									<td>标志标线:</td>
									<td>
										<pt:code name="markMarking" category="1002" hasEmpty="false" default="${lifeCherish.markMarking}" disabled="true" ></pt:code>
									</td>
									<td > 警示和视线诱导设施:</td>
									<td >
										<pt:code name="guidanceFacility" category="1002" hasEmpty="false" default="${lifeCherish.guidanceFacility}" disabled="true" ></pt:code>
									</td>
									<td >路段设施其他信息:</td>
									<td >
										<input name="otherInfo" id="otherInfo" type='text' value="${lifeCherish.otherInfo}"  disabled=disabled>
									</td>
								</tr>
						</tbody>
						</table>
						<hr>
						</div>
						<div id='info-4' class='info' style="display:none">
						<h4 style="margin-top:10px;">处置措施:</h4>
						<hr>
						<table class="table"  style="border: none;margin-bottom: -14px">
							<tbody>
								<tr>
									<td>涉及路线参数调整的土建工程:</td>
									<td>
										<pt:code name="involvingProject" category="1002" hasEmpty="false" default="${lifeCherish.involvingProject}" disabled="true"></pt:code>
									</td>
									<td>路域环境整治:</td>
									<td>
										<pt:code name="roadEnvironment" category="1002" hasEmpty="false" default="${lifeCherish.roadEnvironment}" disabled="true"></pt:code>
									</td>
									<td >标志线处置:</td>
									<td >
										<pt:code name="markLineDisposal" category="1002" hasEmpty="false" default="${lifeCherish.markLineDisposal}" disabled="true" ></pt:code>
									</td>
								</tr>
								<tr>
									<td >交叉口综合处置:</td>
									<td >
										<pt:code name="comprehensive" category="1002" hasEmpty="false" default="${lifeCherish.comprehensive}" disabled="true"></pt:code>
									</td>
									<td >加装护栏:</td>
									<td >
										<pt:code name="installingGuardrail" category="1002" hasEmpty="false" default="${lifeCherish.installingGuardrail}" disabled="true"></pt:code>
									</td>
									<td >警示诱导设施处置:</td>
									<td>
										<pt:code name="inducedDisposal" category="1002" hasEmpty="false" default="${lifeCherish.inducedDisposal}" disabled="true"></pt:code>
									</td>
								</tr>
								<tr>
									<td >其　　他:</td>
									<td>
											<textarea placeholder="" rows='1' id="otherMeasures" style="height:40px;" readonly = readonly
												name="otherMeasures">${lifeCherish.otherMeasures}</textarea>
										</div>
									</td>
									<td >处置投资估算(万元):</td>
									<td >
										<input name="investmentEstimation" id="investmentEstimation" type='text' value="${lifeCherish.investmentEstimation}"  disabled=disabled>
									</td>
									<td >计划实施安防工程年份:</td>
									<td >
										<input name="projectYear" id="projectYear" type='text' value="${lifeCherish.projectYear}"  disabled=disabled>
									</td>
								</tr>
								<tr>
									<td >工程评价:</td>
									<td colspan="3">
											<textarea placeholder="" rows='1' id="content" style="height:40px;width:95%" readonly = readonly
												name="content">${lifeCherish.content}</textarea>
									</td>
									<td ></td>
									<td ></td>
								</tr>
								<tr >
									<td >操作记录:</td>
									<td colspan="5">
										<div id='opr'>
											${lifeCherish.operation}
										</div>
									</td>
								</tr>
								<tr >
									<td >相关文件:<br/>
										<c:if test="${fn:length(lifeCherish.attachments) > 0}">
											<a href ="${ctx}/lifeProject/fileDown.do?id=${lifeCherish.id}" id="downFile" class="btn btn-primary" role="button" style="padding:0px 10px">一键下载<i class="glyphicon glyphicon-arrow-down" style=" margin-top:4px;margin-left:5px;color:white"></i></a>
										</c:if>
									</td>
									<td colspan="5" style="padding:0px;">
										<div id='optFile'>
										<c:if test="${fn:length(lifeCherish.attachments) > 0}">
											<table style='width:100%;border:1px solid #bebbc1'>
											<thead>
													<tr style='background-color: darkgray;'>
														<td>文件名</td>
														<td>上传者</td>
														<td>上传日期</td>
														<td>文件大小</td>
													</tr>
												</thead>
												<c:forEach items="${lifeCherish.attachments}" var="att" varStatus="idxStatus">
													<tr>
														<td>
												            <p class="name">
												            	<i class="i_group i_{att.fileIcon}_h17"></i>
												                <a href="${ctx}/attachment/filedown.do?attId=${att.id}" target="_blank" title="${att.fileName}" >${att.name}</a>
												            </p>
												         </td>
												         <td>
												            <span class="size">${att.uploadPerson}</span>
												        </td>
												        <td>
												            <span class="size">${att.createDate}</span>
												        </td>
												        <td>
												            <span class="size">${att.size}</span>
												        </td>
												    </tr>
												</c:forEach>
											</table>
											</c:if>
											<c:if test="${fn:length(lifeCherish.attachments) <= 0}">
												<span>无相关文件</span>
											</c:if>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
						</div>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
<!-- 		</div> -->
</form>
<script src="${ctxStatic}/stepBar/stepBar.js" type="text/javascript"></script>
</body>
</html>